<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
  <script src="JS/jquery-1.11.1.min.js"></script>
    <script src="JS/echarts.min.js"></script>
    <style>
        #main{
            width: 600px;
            height: 400px;
        }
    </style>
</head>
<body>
<h1 onclick="show()">Echart图表测试</h1>
<div id="main" onclick="show()"></div>
<script>
var div=document.getElementById('main')
var myChart = echarts.init(div);
var option={
  title: {
    text: '基础雷达图'
  },
  legend: {
    data: ['预算分配（Allocated Budget）', '实际开销（Actual Spending）']
  },
  radar: {
    // shape: 'circle',
    indicator: [
      { name: '销售（Sales）', max: 6500},
      { name: '管理（Administration）', max: 16000},
      { name: '信息技术（Information Technology）', max: 30000},
      { name: '客服（Customer Support）', max: 38000},
      { name: '研发（Development）', max: 52000},
      { name: '市场（Marketing）', max: 25000}
    ]
  },
  series: [{
    name: '预算 vs 开销（Budget vs spending）',
    type: 'radar',
    data: [
      {
        value: [4200, 3000, 20000, 35000, 50000, 18000],
          //
        name: '预算分配（Allocated Budget）'
      },
      {
        value: [5000, 14000, 28000, 26000, 42000, 21000],
        name: '实际开销（Actual Spending）'
      }
    ]
  }]
};
myChart.setOption(option);
// function show(){
//     var url="http://localhost:8080/taobao/leida";
//     $.get(url).done(function (data) {
//         myChart.setOption({
//             indicator: [
//
//                 ]
//
//             series: [{
//                 name: '预算 vs 开销（Budget vs spending）',
//                 data: [
//                     {
//                         value: [data]
//                         //4200, 3000, 20000, 35000, 50000, 18000
//                         name: '预算分配（Allocated Budget）'
//                     },
//                     {
//                         value: [],
//                         //5000, 14000, 28000, 26000, 42000, 21000
//                         name: '实际开销（Actual Spending）'
//                     }
//                 ]
//             }]
//         });
//     });
// }
</script>
</body>
</html>